<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<title>冒险起源</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.7.1.min.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
</head>
<body>
<!--header-->
<div class="header">
	<div class="header_bar"></div>
    <div class="header_box x_start_end y_center" >
        <div class="left">
            <a href="javascript:;" class="p0_10 y_center"><i class="m_icon prev"></i></a>
        </div>
        <div class="center t_ellipsis_1">组队记录</div>
        <div class="right"></div>
    </div>
</div>
<!---->
<div class="page_nav border_t x_start_end">
	<div class="li_box on">全部</div>
    <div class="li_box">进行中</div>
    <div class="li_box">已完成</div>
    <div class="li_box">已解散</div>
</div>
<!--list-->
<div class="mem_team_list">
	<a href="task_show.html" class="li_box border_b">
    	<div class="tit y_center x_start_end">
        	<div class="x_start y_center">
                <div class="user_face"><img src="images/role_face/role_face_guijian_01.png" /></div>
                <div>
                    <div class="y_center">
                        <div class="role">4.3 武神</div>
                        <div class="name t_ellipsis_1">角色名称角色名称角色名称角色名称</div>
                    </div>
                    <div class="map y_center">
                        <div class="y_center">
                        	<i class="m_icon"></i>
                        	<span class="t_ellipsis_1">攻坚·奥兹玛</span>
                        </div>
                        <em class="posi pos_b">泰拉车丨一队</em><!--pos_a卖家/老板，pos_b一队/打手，pos_c甲板/混子-->
                    </div>
                </div>
            </div>
            <div class="info x_end">
            	<div class="ta_r">
                	<em class="state sty_a">进行中</em><!--对应备注状态，sty_a进行中，sty_b已结算，sty_c已解散-->
                    <em class="yiyi">异</em><!--发起异议时显示“异”图标，完成状态的给它加类名done-->
                	<p class="time">30分钟前</p>
                </div>
            </div>
        </div>
    </a>
    <a href="task_show.html" class="li_box border_b">
    	<div class="tit y_center x_start_end">
        	<div class="x_start y_center">
                <div class="user_face"><img src="images/role_face/role_face_guijian_01.png" /></div>
                <div>
                    <div class="y_center">
                        <div class="role">4.3 武神</div>
                        <div class="name t_ellipsis_1">角色名称角色名称角色名称角色名称</div>
                    </div>
                    <div class="map y_center">
                        <div class="y_center">
                        	<i class="m_icon"></i>
                        	<span class="t_ellipsis_1">攻坚·奥兹玛</span>
                        </div>
                        <em class="posi pos_b">泰拉车丨一队</em>
                    </div>
                </div>
            </div>
            <div class="info x_end">
            	<div class="ta_r">
                	<em class="state sty_b">已结算</em>
                    <em class="yiyi done">异</em>
                	<p class="time">30分钟前</p>
                </div>
            </div>
        </div>
        <div class="remark x_start_end y_center"><!--完成状态显示-->
        	<div class="y_center">
            	<em class="exchange zhichu">支出</em><!--收入shouru，支出zhichu-->
            	<span class="t_ellipsis_1">获得泰拉：8.9万丨费用17.8元</span>
            </div>
            <em class="bili">比例5000</em>
        </div>
    </a>
    <a href="task_show.html" class="li_box border_b">
    	<div class="tit y_center x_start_end">
        	<div class="x_start y_center">
                <div class="user_face"><img src="images/role_face/role_face_guijian_01.png" /></div>
                <div>
                    <div class="y_center">
                        <div class="role">4.3 武神</div>
                        <div class="name t_ellipsis_1">角色名称角色名称角色名称角色名称</div>
                    </div>
                    <div class="map y_center">
                        <div class="y_center">
                        	<i class="m_icon"></i>
                        	<span class="t_ellipsis_1">攻坚·奥兹玛</span>
                        </div>
                        <em class="posi pos_a">泰拉车丨卖家</em>
                    </div>
                </div>
            </div>
            <div class="info x_end">
            	<div class="ta_r">
                	<em class="state sty_b">已结算</em>
                	<p class="time">30分钟前</p>
                </div>
            </div>
        </div>
        <div class="remark x_start_end y_center"><!--完成状态显示-->
        	<div class="y_center">
            	<em class="exchange shouru">收入</em><!--收入shouru，支出zhichu-->
            	<span class="t_ellipsis_1">泰拉拉满：30万丨费用60元</span>
            </div>
            <em class="bili">比例5000</em>
        </div>
    </a>
    <a href="task_show.html" class="li_box border_b">
    	<div class="tit y_center x_start_end">
        	<div class="x_start y_center">
                <div class="user_face"><img src="images/role_face/role_face_guijian_01.png" /></div>
                <div>
                    <div class="y_center">
                        <div class="role">4.3 武神</div>
                        <div class="name t_ellipsis_1">角色名称角色名称角色名称角色名称</div>
                    </div>
                    <div class="map y_center">
                        <div class="y_center">
                        	<i class="m_icon"></i>
                        	<span class="t_ellipsis_1">攻坚·奥兹玛</span>
                        </div>
                        <em class="posi pos_a">刷图丨老板</em>
                    </div>
                </div>
            </div>
            <div class="info x_end">
            	<div class="ta_r">
                	<em class="state sty_b">已结算</em>
                	<p class="time">30分钟前</p>
                </div>
            </div>
        </div>
        <div class="remark x_start_end y_center"><!--完成状态显示-->
        	<div class="y_center">
            	<em class="exchange zhichu">支出</em><!--收入shouru，支出zhichu-->
            	<span class="t_ellipsis_1">花费费用16.23元</span>
            </div>
            <!--<em class="bili">比例5000</em>-->
        </div>
    </a>
    <a href="task_show.html" class="li_box border_b">
    	<div class="tit y_center x_start_end">
        	<div class="x_start y_center">
                <div class="user_face"><img src="images/role_face/role_face_guijian_01.png" /></div>
                <div>
                    <div class="y_center">
                        <div class="role">4.3 武神</div>
                        <div class="name t_ellipsis_1">角色名称角色名称角色名称角色名称</div>
                    </div>
                    <div class="map y_center">
                        <div class="y_center">
                        	<i class="m_icon"></i>
                        	<span class="t_ellipsis_1">攻坚·奥兹玛</span>
                        </div>
                        <em class="posi pos_b">刷图丨打手</em>
                    </div>
                </div>
            </div>
            <div class="info x_end">
            	<div class="ta_r">
                	<em class="state sty_b">已结算</em>
                	<p class="time">30分钟前</p>
                </div>
            </div>
        </div>
        <div class="remark x_start_end y_center"><!--完成状态显示-->
        	<div class="y_center">
            	<em class="exchange shouru">收入</em><!--收入shouru，支出zhichu-->
            	<span class="t_ellipsis_1">获得费用16.23元</span>
            </div>
            <!--<em class="bili">比例5000</em>-->
        </div>
    </a>
    <a href="task_show.html" class="li_box border_b">
    	<div class="tit y_center x_start_end">
        	<div class="x_start y_center">
                <div class="user_face"><img src="images/role_face/role_face_guijian_01.png" /></div>
                <div>
                    <div class="y_center">
                        <div class="role">4.3 武神</div>
                        <div class="name t_ellipsis_1">角色名称角色名称角色名称角色名称</div>
                    </div>
                    <div class="map y_center">
                        <div class="y_center">
                        	<i class="m_icon"></i>
                        	<span class="t_ellipsis_1">攻坚·奥兹玛</span>
                        </div>
                        <em class="posi pos_b">泰拉车丨一队</em>
                    </div>
                </div>
            </div>
            <div class="info x_end">
            	<div class="ta_r">
                	<em class="state sty_c">已解散</em>
                	<p class="time">30分钟前</p>
                </div>
            </div>
        </div>
    </a>
    
</div>
    
<!--footer-->
<div class="footer">
    <div class="foot_tabbar_empty"></div>
    <div class="foot_tabbar border_t x_pad_start_end">
        <a href="task_index.html" class="li_box home">
            <i class="icon"></i>
            <p>组队大厅</p>
        </a>
        <a href="mem_team.html" class="li_box team on">
            <i class="icon"></i>
            <p>组队记录</p>
        </a>
        <a href="mem_share.html" class="li_box activity">
            <i class="icon"></i>
            <p>福利活动</p>
        </a>
        <a href="mem_index.html" class="li_box member">
            <i class="icon"></i>
            <p>个人中心</p>
        </a>
    </div>
</div>

<script>
$().ready(function(e) {
	//mem_team_list滚动
	$(".mem_team_list").height($(window).height()-$(".header").outerHeight(true)-$(".page_nav").outerHeight(true)-$(".footer").outerHeight(true));
});
</script>
</body>
</html>
